body{
    font-family: "微软雅黑";
}
.content-header { height: 50px; border-bottom: 1px solid #ccc}
.content-wrapper{ background-color:#fcfcfc;font-size: 12px;}

#dialog{
    -webkit-overflow-scrolling:touch;
    -webkit-overflow:auto;
}

.display-none {
    display: none;
}

/*----shade-------------------------------------------------*/
.shade {
    background-color: #000000;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 1999;
    position: absolute;
    top: 0;
    width: 2000px;
    height: 2000px;
    display: none;
}

.main-footer{font-size: 12px;}
.login-logo a{ color: #fff;}
.login-mobile{ width: 60%;}
.f-left{ float: left}
.f-right{ float: right}
.clear{ clear: both}
.hidden{ display: none;}
.f12{ font-size: 12px;}

.mt10{ margin-top: 10px;}

.r-select-button{ margin-left: 10px; margin-top: 22px;}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
}

a.desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}
.grid-view .summary{ font-size:13px; margin-bottom:6px;}

/*popup*/
.popup {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 15px;
    width: 700px;
}

.popup .panel {
    margin-bottom: 15px;
}

.popup .popup_tree_menu div {
    overflow-x: hidden;
    overflow-y: scroll;
    margin-bottom: 15px;
    border: 1px solid #ccc;
}

.popup select {
    border: 1px solid #ccc;
}

.popup #addr_list, .popup #position {
    overflow-x: hidden;
    overflow-y: scroll;
    border: 1px solid #ccc;
}

.popup #addr_list .checkbox {
    margin-top: 2px;
}
.popup span.lbl {
    padding-right: 10px;
}
.popup #addr_list label {
    padding-left: 6px;
    font-weight: normal;
    display: block;
    height: 28px;
    margin-bottom: 0px;
}
.popup #addr_list label .lbl {
    padding-left: 6px;
}


ul.tree_menu {
    margin-left: 0px;
    padding-left: 0px;
    list-style: none;
}

ul.tree_menu a {
    display: block;
    width: 100%;
    height: 32px;
    line-height: 32px;
}

ul.tree_menu a:hover {
    background: #eee;
    display: block;
    width: 100%;
    height: 32px;
    line-height: 32px;
}

ul.tree_menu a.active {
    background: #ccc;
    display: block;
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    z-index: 2;
    background-color: #5dade2;
}
ul.tree_menu a.active i {
    color: #fff;
}

ul.tree_menu i {
    cursor: pointer;
    font-weight: bold;
    font-style: normal;
    text-align: center;
    color: #0099ff;
    font-family: FontAwesome;
    font-size: 16px;
    height: 20px;
    position: relative;
    padding-right: 5px;
    padding-left: 5px;
    margin-right: 10px;
    width: 10px;
}

.tree_menu .level1 {
    margin-left: 12px;
}

.tree_menu .level2 {
    margin-left: 36px;
}

.tree_menu .level3 {
    margin-left: 52px;
}
.tree_menu .level4 {
    margin-left: 76px;
}

.inputbox {
    color: #555;
    line-height: 1;
    padding: 0;
    font-family: inherit;
    font-size: 14px;
    border-top-color: #d5d5d5;
    border-right-color: #d5d5d5;
    border-bottom-color: #d5d5d5;
    border-left-color: #d5d5d5;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    box-shadow: none !important;
    transition-duration: 0.1s;
    background-color: rgb(255, 255, 255);
    background-image: none;
    background-attachment: scroll;
    background-repeat: repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box;
    background-color: rgb(255, 255, 255);
}
.inputbox:focus {
    border-top-color: #66afe9;
    border-right-color: #66afe9;
    border-bottom-color: #66afe9;
    border-left-color: #66afe9;
    outline-width: 0px;
    outline-style: none;
    outline-color: invert;
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.6);
}
.inputbox .wrap {
    padding-top: 3px;
    padding-right: 4px;
    padding-bottom: 3px;
    padding-left: 4px;
}
.inputbox.form-control {
    border: 0px;
}
.inputbox span.text {
    height: 26px;
    line-height: 26px;
    width: auto;
}
.inputbox .text input {
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0;
}
.inputbox .address_list span {
    padding-left: 3px;
    height: 26px;
    line-height: 26px;
    display: inline-block;
    background-color: rgb(204, 227, 244);
    margin-right: 8px;
}
.inputbox .address_list b {
    padding-left: 3px;
}
.inputbox .address_list .del {
    cursor: pointer;
    color: #aaa;
    padding-left: 3px;
    padding-right: 3px;
}
.inputbox .address_list .del:hover {
    color: #dd5a43;
    padding-left: 3px;
    padding-right: 3px;
}

.inputbox .letter {
    border: 0;
    display: inline-block;
    width: auto;
}

.swiper-container{
    overflow-y: auto;
}
.swiper-slide {
    padding: 0px;
    background: #fff;
}
.red-slide {
    background: #ca4040;
}
.blue-slide {
    background: #4390ee;
}
.orange-slide {
    background: #ff8604;
}
.green-slide {
    background: #49a430;
}
.pink-slide {
    background: #973e76;
}
.swiper-scrollbar {
    width: 100%;
    height: 4px;
    position: relative;
    left: 0;
    bottom: 5px;
    z-index: 1;
}

/*guest login */
/*topnav菜单*/
.top-bar{ line-height:35px; background-color:#171f2a;color:#969ea9;font-size:13px;
    height: 35px; }
.top-bar li{display:inline; float:left; list-style: none; }
.top-bar .top-name{ position:relative; }
.top-bar .top-name a{color:#969ea9;  }
.top-bar .top-name em{color:#969ea9;  }
.top-bar .top-nav{ float:right;}
.top-bar .top-nav li{ float:right;}
.top-bar .top-nav li a{ margin:3px 12px;color:#969EA9; }
.top-bar .top-nav li a.color1{ color:#ffc633;}

/*登录页面样式*/
.login-content{ margin:35px 0px -20px 0px; height:450px;}
.login-content .login-img{ width:410px; margin-top:80px; margin-left:26px; }
.login-content .login-img img{ width:100%;}
.login-box{ width:350px; padding:10px 15px 0px; background-color:rgba(255, 255, 255, 0.7); position:absolute; top:0px; right:60px;}
.login-box .form-group{ margin:20px 0px; }
.login-box h3{ color:#EEBD0C; font-size:26px; line-height:60px; text-align:center; border-bottom:1px solid #ccc; margin-bottom:40px;}
.login-box .form-control{ background-color:#fff; height:40px; border-radius:0;}
.login-box .btn{ background-color:#39be97; border-radius: inherit;color: #fff;font-size: 20px; margin-top:30px;}
.login-box .erro-infor{ color: #EEBD0C; margin: -20px 0px; display:none; }

.guest-bg{ background-color: #39be97}
.login-box ,.login-box-body{ background-color: #F8FCFC}
.login-logo{ color: #F39C12; font-size: 28px; margin: 0 20px; height: 80px; line-height: 80px; border-bottom: 1px solid #cccccc;}